<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles"
	prefix="tiles"%>

<rich:panel header="#{messages['complimentary.booking.label']}">
    
	<h:panelGrid width="100%" columns="1">
	    <h:outputText value="#{errorBean.errorMessage}" styleClass="error"></h:outputText>
	    
		<h:panelGroup>
		    <h:outputText value="#{messages['complimentary.voucher.info.label']}" styleClass="sub_header" />
			<h:outputText value="*" styleClass="standardText_Mandatory" />
			<h:outputText value="#{messages['instruction']}" styleClass="standardText_Instruction" />
		</h:panelGroup>
		
		<h:panelGroup>
			<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_40,standardTable_ColumnLeft_50"  width="70%">
				<h:outputText></h:outputText>
				<t:message for="complimentaryVoucherNo" styleClass="error"></t:message>
				<h:panelGroup>
					<h:outputText value="*" styleClass="standardText_Mandatory" />
					<h:outputLabel for="complimentaryVoucherNo" value="#{messages['complimentary.voucher.no.label']}" styleClass="standardText_Label" />
				</h:panelGroup>
				<h:panelGroup>
					<t:selectOneMenu id="complimentaryVoucherNo" styleClass="standardText" value="" required="true">
						<f:selectItem itemLabel="#{messages['please.select']}" itemValue="" />
					</t:selectOneMenu>
				</h:panelGroup>
				
				<h:outputText value="#{messages['voucher.no.of.nights.label']}" styleClass="standardText_Label" />
				<h:outputText value="2" styleClass="standardText" />
				
				<h:outputText value="#{messages['voucher.no.of.person.label']}" styleClass="standardText_Label" />
				<h:outputText value="2" styleClass="standardText" />
				
				<h:outputText value="#{messages['expiry.date.label']}" styleClass="standardText_Label" />
				<h:outputText value="01/04/2008" styleClass="standardText" />
				
				<h:outputText value="#{messages['complimentary.hotel.label']}" styleClass="standardText_Label" />
				<h:outputText value="Hilton International" styleClass="standardText" />
				
				<h:outputText></h:outputText>
				<t:message for="checkInDate" styleClass="error"></t:message>
				<h:panelGroup>
			    	<h:outputText value="*" styleClass="standardText_Mandatory" />	
				    <h:outputLabel for="checkInDate" value="#{messages['check.in.date.label']}" styleClass="standardText_Label" />
				</h:panelGroup>
				<h:panelGroup>
				    	<t:inputCalendar
				    	id="checkInDate"
							monthYearRowClass="yearMonthHeader" weekRowClass="weekHeader" 
							currentDayCellClass="currentDayCell" value=""
							renderAsPopup="true" popupTodayString="#{messages['popup.today']}"
							popupWeekString="#{messages['popup.week']}" popupDateFormat="dd/MM/yyyy"
							renderPopupButtonAsImage="true"
							styleClass="standardText" required="true"
				    	>
				    	</t:inputCalendar>
				</h:panelGroup>	
			</t:panelGrid>
		</h:panelGroup>
		
		<rich:spacer height="10"></rich:spacer>
		
		<h:panelGroup>
			<h:panelGrid>
				<t:selectOneRadio layout="lineDirection" styleClass="standardText" >
				   	<f:selectItem  itemLabel="#{messages['voucher.member.label']}" itemValue="" />
				   	<f:selectItem itemLabel="#{messages['voucher.non.member.label']}" itemValue="1"/>
				</t:selectOneRadio> 
			</h:panelGrid>	
		</h:panelGroup>	
		
	    <h:panelGroup>
	    	<h:panelGrid width="100%">
			    <h:outputText value="#{messages['complimentary.member.section.label']}" styleClass="sub_header" />
			</h:panelGrid>
	    </h:panelGroup>
	    
	    <h:panelGroup>
	    	<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
				<h:outputText></h:outputText>
				<t:message for="memberNo" styleClass="error"></t:message>
				
				<h:panelGroup>
					<h:outputText value="*" styleClass="standardText_Mandatory" />
					<h:outputLabel for="memberNo" value="#{messages['voucher.member.no.label']}" styleClass="standardText_Label" />
				</h:panelGroup>
				<h:panelGroup>
					<t:selectOneMenu id="memberNo" styleClass="standardText" value="" required="true">
						<f:selectItem itemLabel="#{messages['please.select']}" itemValue="" />
					</t:selectOneMenu>
				</h:panelGroup>	
				
				<h:outputText></h:outputText>
				<t:message for="agreementNo" styleClass="error"></t:message>
				
				<h:panelGroup>
					<h:outputText value="*" styleClass="standardText_Mandatory" />
					<h:outputLabel for="agreementNo" value="#{messages['voucher.agreement.no.label']}" styleClass="standardText_Label" />
				</h:panelGroup>
				<h:panelGroup>
					<t:selectOneMenu id="agreementNo" styleClass="standardText" value="" required="true">
						<f:selectItem itemLabel="#{messages['please.select']}" itemValue="" />
					</t:selectOneMenu>
				</h:panelGroup>
				
				<h:outputText value="#{messages['voucher.agreement.date.label']}" styleClass="standardText_Label" />
				<h:outputText value="01/04/2008" styleClass="standardText" />
				
				<h:outputText value="#{messages['voucher.membership.type.label']}" styleClass="standardText_Label" />
				<h:outputText value="Silver" styleClass="standardText" />
				
				<h:outputText value="#{messages['voucher.member.name.label']}" styleClass="standardText_Label" />
				<h:outputText value="David Beckam" styleClass="standardText" />
			</t:panelGrid>
	    </h:panelGroup>	
	    
	    <rich:spacer height="10"></rich:spacer>
	    
	    <h:outputText value="#{messages['complimentary.non.member.section.label']}" styleClass="sub_header" />
	    
	    <h:panelGroup>
			<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
				<h:outputText></h:outputText>
				<t:message for="icNo" styleClass="error"></t:message>
				<h:panelGroup>
					<h:outputText value="*" styleClass="standardText_Mandatory" />
					<h:outputLabel for="icNo" value="#{messages['complimentary.ic.no.label']}" styleClass="standardText_Label" />
				</h:panelGroup>
				<h:panelGroup>
					<t:inputText id="icNo" required="true" size="50" maxlength="50" styleClass="standardText" value=""></t:inputText>
				</h:panelGroup>
				
				<h:outputText></h:outputText>
				<t:message for="name" styleClass="error"></t:message>
				<h:panelGroup>
					<h:outputText value="*" styleClass="standardText_Mandatory" />
					<h:outputLabel for="name" value="#{messages['complimentary.name.label']}" styleClass="standardText_Label" />
				</h:panelGroup>
				<h:panelGroup>
					<t:inputText id="name" required="true" size="50" maxlength="50" styleClass="standardText" value=""></t:inputText>
				</h:panelGroup>
			</t:panelGrid>    
	    </h:panelGroup>
	    
		<rich:spacer height="10"></rich:spacer>
	
		<t:panelGrid columns="2" columnClasses="standardTable_ColumnLeft_20,standardTable_ColumnLeft_80" width="100%">
			<h:outputText></h:outputText>
			<t:panelGrid columns="2">
				<h:commandButton value="#{messages['booking']}" styleClass="button"></h:commandButton>
				<h:commandButton value="#{messages['cancel']}" styleClass="button"></h:commandButton>
			</t:panelGrid>
		</t:panelGrid>	    
	</h:panelGrid>
</rich:panel>	
